@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
.mian{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	height: 100%;
	margin-top: 2%;
}

.mian-l{
	width: 70%;
	float: left;
}
.mian-one h1 {
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.mian-one h5 {
	font-size: 14px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}


.relate {
	height: 70px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(153,153,153,1);
	border-bottom-color: rgba(153,153,153,1);
}
.qq {
	float: right;
	height: 160px;
	width: 80%;
	margin-right: 10px;
}
.qq h5:nth-of-type(1){
	direction: rtl;
	font-size: 18px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.qq h5:nth-of-type(2){
	direction: rtl;
	background-image: url(../images/iphone.png);
	background-repeat: no-repeat;
	background-position: 80%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.qq h5:nth-of-type(3){ background-image:url(../images/qq.png);direction: rtl;
 background-repeat: no-repeat;
	background-position: 78%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;}
	.qq h5:nth-of-type(4){ direction:rtl;}
.relate button {
	float: right;
	height: 30px;
	width: 70px;
	margin-top: 15px;
	margin-right: 200px;
}
.mian-two .butt {
	height: 60px;
	margin-top: 10px;
}
.butt button{
	border: 1px solid rgba(153,153,153,1);
	border-radius:5px;
	border-radius: 5px;
	outline: none;
	margin-left: 10px;
	float: left;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.xuan {
	height: 100%;
	width: 100%;
}

.butt button:nth-of-type(2){ background-color:rgba(255,255,255,1); border:1px solid rgba(102,102,102,1);}



.mian-r{ width:25%;  float:right; border:1px solid rgba(0,0,204,1); border-radius:0px 45px 0px 45px/0px 45px 0px 45px;}

.mian-r h2 {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.mian-one{
	width: 100%;
	height: 220px;
}
.mian-two{
	width: 100%;
}
.time {
	height: 100px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,1);
	display: -webkit-box;
}
.case img {
	margin-left: 30%;
	margin-right: 30%;
}
.case .pic {
	background-color: rgba(204,255,0,1);
	height: 50px;
}
.pic img {
	margin-right: 10px;
	margin-left: 10px;
}



.time .case:nth-of-type(1) {-webkit-box-flex:1; -webkit-box-sizing:border-box;}
.time .case:nth-of-type(2) {-webkit-box-flex:1; }
.time .case:nth-of-type(3) {-webkit-box-flex:1; }
.time .case:nth-of-type(4) {-webkit-box-flex:1; }
.time .case:nth-of-type(5) {-webkit-box-flex:1; }
.time .case:nth-of-type(6) {-webkit-box-flex:1; }
.time .case:nth-of-type(7) {-webkit-box-flex:1; }
.time .case:nth-of-type(8) {-webkit-box-flex:1;  }
.case h4:nth-child(1){
	padding-top: 5px;
	padding-right: 30%;
	padding-bottom: 5px;
	padding-left: 30%;
}
.case h4 {
	font-size: 12px;
	padding-top: 2px;
	padding-right: 35%;
	padding-bottom: 2px;
	padding-left: 35%;
}


.case img {
	margin-left: 29px;
	margin-right: 29px;
}

.mian-one h5:nth-of-type(2){
	padding-right: 40%;
	padding-left: 40%;
	padding-top: 10px;
	padding-bottom: 10px;
}
